.main {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.main .logo {
  float: left;
}

.main .logo > img {
  margin: 0 0 5px 0;
}

.main .ant-layout-header {
  padding-inline: 0 !important;
}

.main > .main-map {
  position: relative;
}

.main > .main-map > .map {
  position: absolute;
  width: 80%;
  height: 70%;
  right: 0;
  top: 0;
}

.main > .main-map > .map-mobile {
  position: absolute;
  width: 100%;
  height: 55%;
  right: 0;
  top: 0;
  bottom: 0;
}

.main > .main-map > .method {
  position: absolute;
  width: 20%;
  height: 100%;
  left: 0;
  overflow-y: auto;
  border: 7px solid transparent !important;
  border-radius: 0 !important;
}

.main > .main-map > .method-mobile {
  position: absolute;
  width: 50%;
  height: 45%;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  border: 7px solid transparent !important;
  border-radius: 0 !important;
}

.main > .main-map > .method > .method-button,
.main > .main-map > .method-mobile > .method-button {
  margin: 1.25% 0 0 1%;
  float: left;
  width: 97%;
}

.main-map .ant-collapse-content {
  overflow-x: auto;
}

.main-map .ant-collapse-content::-webkit-scrollbar {
  width: 1px;
  height: 5px;
} /*滚动条整体样式 高宽分别对应横竖滚动条的尺寸*/
.main-map .ant-collapse-content::-webkit-scrollbar-thumb {
  border-radius: 7px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #888888;
} /*滚动条里面小方块*/
.main-map .ant-collapse-content::-webkit-scrollbar-track {
  border-radius: 7px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: transparent;
} /*滚动条里面轨道*/

.method-button p {
  cursor: default;
}

.method-button p > span {
  margin-left: 16px;
}

.method::-webkit-scrollbar,
.method-mobile::-webkit-scrollbar {
  width: 3.5px;
  height: 1px;
} /*滚动条整体样式 高宽分别对应横竖滚动条的尺寸*/
.method::-webkit-scrollbar-thumb,
.method-mobile::-webkit-scrollbar-thumb {
  border-radius: 7px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #888888;
} /*滚动条里面小方块*/
.method::-webkit-scrollbar-track,
.method-mobile::-webkit-scrollbar-track {
  border-radius: 7px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: transparent;
} /*滚动条里面轨道*/

.layerIndex-0 {
  color: #1677ff;
}

.layerIndex-1 {
  color: #ff7c3e;
}

.main > .main-map > .console {
  position: absolute;
  width: 80%;
  height: 30%;
  right: 0;
  bottom: 0%;
  border: 7px solid transparent !important;
}

.main > .main-map > .console-mobile {
  position: absolute;
  width: 50%;
  height: 45%;
  left: 0;
  bottom: 0;
  border: 7px solid transparent !important;
}

.console-value {
  width: 100%;
  height: 100%;
  overflow: auto;
  font-size: 16px;
}

.console-value::-webkit-scrollbar {
  width: 3.5px;
  height: 1px;
} /*滚动条整体样式 高宽分别对应横竖滚动条的尺寸*/
.console-value pre::-webkit-scrollbar {
  width: 1px;
  height: 5px;
} /*滚动条整体样式 高宽分别对应横竖滚动条的尺寸*/

.console-value::-webkit-scrollbar-thumb,
.console-value pre::-webkit-scrollbar-thumb {
  border-radius: 7px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #888888;
} /*滚动条里面小方块*/

.console-value::-webkit-scrollbar-track,
.console-value pre::-webkit-scrollbar-track {
  border-radius: 7px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: transparent;
} /*滚动条里面轨道*/

.layout-footer {
  padding: 0 !important;
}
.layout-footer .ant-menu-overflow-item {
  width: 20% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
